<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3变形</title>
<style>
	#main{ width:150px; height:150px; border:1px black solid; }
	#box1{ width:80px; height:80px; background:red; 
		transform:translateX(40px); }
	#box2{ width:80px; height:80px; background:red; 
		transform:translateY(40px); }
	#box3{ width:80px; height:80px; background:red; 
		transform:translate(40px,40px); }
</style>
</head>
<body>
<div id="main">
	<div id="box1"></div>
</div>
<div id="main">
	<div id="box2"></div>
</div>
<div id="main">
	<div id="box3"></div>
</div>
</body>
</html>
